{extend name='base'/}
{block name='style'}
<style>
	/*分页样式*/
	.pagination {
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.pagination li {
		margin: 0px 10px;
		border: 1px solid #e6e6e6;
		padding: 3px 8px;
		display: inline-block;
	}

	.pagination .active {
		background-color: #46A3FF;
		color: #fff;
	}

	.pagination .disabled {
		color: #aaa;
	}
</style>
{/block}
{block name='content'}
<section class="Hui-article-box">
	<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 标签管理 <span
			class="c-gray en">&gt;</span> 标签列表 <a class="btn btn-success radius r"
	                                              style="line-height:1.6em;margin-top:3px"
	                                              href="javascript:location.replace(location.href);" title="刷新"><i
			class="Hui-iconfont">&#xe68f;</i></a></nav>
	<div class="pd-20 text-c">
		<div class="text-c">
			<input type="text" name="" id="" placeholder="标签名称、id" style="width:250px" class="input-text">
			<button name="" id="" class="btn btn-success" type="submit"><i class="Hui-iconfont">&#xe665;</i> 搜索</button>
		</div>
		<div class="cl pd-5 bg-1 bk-gray mt-20">
			<span class="l">
				<a href="{:url('/admin/tag/index/')}"
				   class="btn btn-danger radius">
					<i class="Hui-iconfont">&#xe667;</i> 标签列表</a>
				<a class="btn btn-primary radius"
				   href="{:url('/admin/tag/add/')}"><i class="Hui-iconfont">&#xe600;</i> 添加标签</a></span>
			<span class="r">共有数据：<strong>54</strong> 条</span>
		</div>
		<div class="mt-20">
			<table class="table table-border table-bordered table-hover table-bg table-sort">
				<thead>
				<tr class="text-c">
					<th width="80">ID</th>
					<th>标签名称</th>
					<th width="100">操作</th>
				</tr>
				</thead>
				<tbody>
				{volist name='list_tag' id='vo'}
				<tr class="text-c">
					<td>{$vo.id}</td>
					<td class="text-l">{$vo.name}</td>
					<td class="f-14">
						<a title="编辑" href="{:url('edit',['id'=>$vo.id])}"
						   style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>
						<a title="删除" href="javascript:" onclick="del('{$vo.name}','{$vo.id}')" class="ml-5"
						   style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a>
					</td>
				</tr>
				{/volist}
				</tbody>
			</table>
			{$list_tag|raw}
		</div>
	</div>
</section>
{/block}

{block name='js'}
<script type="text/javascript">
    function del(name, id) {
        layer.confirm(`你确定要删除 ${name} 吗?`, {
            btn: ['确定', '取消'] //按钮
        }, function () {
            location.href='{:url("/admin/tag/delete/id/'+id+'")}'
        });
    }
</script>
{/block}
